var rowData=[];

var opt={
		id:"portGrid",//��Ⱦ����ID �ؼ���Ψһ��ʶ
		//title:"����wdfGrid",//����������ʱ��Ҫʹ�ø�����,��Ϊ��ʵ��Ϊ����
		width:width,//�����
		autoWidth :true,// �Ƿ�����Ӧ���
		autoHeight:true,//�Ƿ��Զ��߶�
		//autoWidth:true,//�Ƿ�����Ӧ���,����������ʱ,�е�width���Խ�ʧЧ,Ҫ���е�width������Ч��رո����Բ�����colFixed����Ϊtrue
		//colFixed:true,//�̶��п�,����������ʱ��width������Ч,autoWidth������Ч
		className:"test",//�����ʽ����
		//checkbox:true,//�Ƿ���ʾѡ�а�ť
		isMulitCheck:true,//�Ƿ�֧�ֶ�ѡ
		loadMsg:"���ڼ����������Ե�",//��������ʾ��Ϣ
		rowData:rowData,
		root:"port",//����˷��ص����ݶ�����
		url:basePath+"gzmli/system/portForGrid",
		////delayLoad:500,,//�ڱ��Ԫ�������ӳٱ�����ݼ��أ���λ����
		columns:[
		{
			hidden : true,// �Ƿ����ظ���
			label : "ID",// ��ʾ������
			name : "id",// ���ֶ�������
			width : "80"// �п��
		},
		{
			hidden : false,// �Ƿ����ظ���
			label : "����",// ��ʾ������
			name : "name",// ���ֶ�������
			width : "60",// �п��
			isOrder : true// �Ƿ�����
			
		},
		{
			hidden : false,// �Ƿ����ظ���
			label : "���ʵ�ַ",// ��ʾ������
			name : "url",// ���ֶ�������
			width : "90",// �п��
			isOrder : true// �Ƿ�����
			
		},
		{
			hidden : false,// �Ƿ����ظ���
			label : "����",// ��ʾ������
			name : "params",// ���ֶ�������
			width : "80",// �п��
			isOrder : true// �Ƿ�����
			
		},
		{
			hidden : false,// �Ƿ����ظ���
			label : "����ֵ",// ��ʾ������
			name : "returnVal",// ���ֶ�������
			width : "50",// �п��
			isOrder : true// �Ƿ�����
			
		},
		{
			hidden : false,// �Ƿ����ظ���
			label : "����",// ��ʾ������
			name : "descript",// ���ֶ�������
			width : "60",// �п��
			isOrder : true// �Ƿ�����
		
		},
		{
			hidden : false,// �Ƿ����ظ���
			label : "����",// ��ʾ������
			name : "status",// ���ֶ�������`
			width : "60",// �п��
			isOrder : true,// �Ƿ�����
			isFmtHtml:true,//��ʽ���Ƿ񷵻�html
			formatter : function(columnValue,rowData){
				var editObj="<a class='gridedit_btn' href=\"javascript:editEvent('"+rowData.id+"','"+rowData.name+"');\">�޸�</a>";
				//var delObj="<a class='aView' href=\"javascript:deleteEvent('"+rowData.id+"');\">ɾ��</a>";
				//return editObj+"&nbsp;"+delObj;
				return editObj;
			}
		}		
		/* {
			hidden : false,// �Ƿ����ظ���
			label : "����",// ��ʾ������
			name : "classify",// ���ֶ�������
			width : "150",// �п��
			isBtnColumn:true,//�Ƿ��ǰ�ť������
			isOrder : true,// �Ƿ�����
			buttons:[{
		          id:"test_AppSysRemove",//��ťԪ�ص�ID
		          label:"�鿴",//��ť��ʾ����
		          className:"wdfGrid_RowRemove",//��ť��ʽ��
		          click:function(rowData){//�����¼�,����-��ǰ������
		        	  
		        	  
		        	  
		          }}
			         ]//��ť��Ϣ����*/
		] 
		//�¼�
	,event:{
       readyLoad:function(opt,gridObj){//grid���ݼ���ǰִ��
		   $(".panel").css("display","none");
	   },
	   restGridHeight:function(gridHeight,gridObj){//���ؼ��߶ȷ����ı�ʱ������������ظ߶�����ؼ������ݷ��صĸ߶����ã�������ΪĬ�ϸ߶�(���ؼ��߶ȣ����ؼ�����)
		   return gridHeight-$("#searchForm").height();
	   }
	}
};

//��֤��Ϣ��ʾ
function showMsg(msg,input,obj){
	var msgBar=$("<div  class='msgBar'>"+msg+"</div>");
	$(".msgBar").remove();
	obj.append(msgBar);
	msgBar.animate({"opacity":1},500);
	$(input).data("showMsg",msgBar);
	$(input).addClass("error");
};
function removeMsg(input){
	var msgBar=$(input).data("showMsg");
	if(msgBar)
		msgBar.remove();
	$(input).removeClass("error");
};
//���������
var addPanelOpt={
		width:width,//��
		height:height,//��
		valForm:{
			valParam:[//��֤����
              {
            	  inputname:"name_port",
            	  isnull:true,
            	  isnullmsg:"�ӿ����Ʋ���Ϊ�գ�",
            	  /*showMsg:function(msg,input,obj){showMsg(msg,input,$("#addPanel"));},
            	  removeMsg:removeMsg,*/
            	  event:"blur"
              },
              {
            	  inputname:"url_port",
            	  isnull:true,
            	  isnullmsg:"���ʵ�ַ����Ϊ�գ�",
            	  /*showMsg:function(msg,input,obj){showMsg(msg,input,$("#addPanel"));},
            	  removeMsg:removeMsg,*/
            	  event:"blur"
              }
		       ]
		},//��֤
		action:basePath+"gzmli/system/addPort",//���ύ��ַ
		event:{
			onClosed:function(obj){
				$("#portGrid").wdfGrid("reload",opt);
			}
		}
		};

//�༭������
var editPanelOpt={
		width:width,//��
		height:height,//��
		valForm:{
			valParam:[//��֤����
	          {
            	  inputname:"edit_name_port",
            	  isnull:true,
            	  isnullmsg:"�ӿ����Ʋ���Ϊ�գ�",
            	  /*showMsg:function(msg,input,obj){showMsg(msg,input,$("#editPanel"));},
            	  removeMsg:removeMsg,*/
            	  event:"blur"
              },
              {
            	  inputname:"edit_url_port",
            	  isnull:true,
            	  isnullmsg:"���ʵ�ַ����Ϊ�գ�",
            	  /*showMsg:function(msg,input,obj){showMsg(msg,input,$("#editPanel"));},
            	  removeMsg:removeMsg,*/
            	  event:"blur"
              }
		       ]
		},//��֤
		action:basePath+"gzmli/system/changePort",//���ύ��ַ
		event:{
			onClosed:function(obj){
				$("#portGrid").wdfGrid("reload",opt);
			}
		}
		};


/***************************************************/

//�������
function addEvent(){
	addPanel.show("�����ӿ�");
	addPanel.find(".error").removeClass("error");
	addPanel.find(".msgBar").remove();	
	$("#addForm")[0].reset();
}
//����༭
function editEvent(id,name){
	editPanel.show("�޸Ľӿ�"+"("+name+")");
	editPanel.find(".error").removeClass("error");
	editPanel.find(".msgBar").remove();
	var rowDatas=$("#portGrid").wdfGrid("getRowDatasByDK",{key:"id",value:id});
	var obj=rowDatas[0];
	$("#editPanel").find("#edit_port_id").val(obj.id);
	$("#editPanel").find("#edit_name_port").val(obj.name);
	$("#editPanel").find("#edit_url_port").val(obj.url);
	$("#editPanel").find("#edit_params_port").val(obj.params);
	$("#editPanel").find("#edit_returnVal_port").val(obj.returnVal);
	$("#editPanel").find("#edit_descript_port").val(obj.descript);
}
//����ɾ��
function deleteEvent(id){
	var url = "";
	var param = {"id":id};
	$.post(url,param,function(data){
		
	});
	$("#portGrid").wdfGrid("reload",opt);
}


//������ѯ
function search(){
	opt.param=$("#searchForm").serialize();
	$("#portGrid").wdfGrid("reload",opt);
}

//��������
function reset_btton(){
	$("#searchForm")[0].reset();
    search();
}

//�޸�����
function EditForm_reset(){
	$("#editForm")[0].reset();
}

$(document).ready(function(){
	opt.param=$("#searchForm").serialize();
	opt.height = $(document).height() - $('#searchForm').height()-20;
	$("#portGrid").wdfGrid("init",opt);
	addPanel=$("#addPanel").wdfPanel("FormPanel",addPanelOpt);
	editPanel=$("#editPanel").wdfPanel("FormPanel",editPanelOpt);
});
	